@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0; border:0; }

html, body {
    width:100%;
    height:100%;
    background-color:#E6E9EF;
    color:#333;
    font-family:"Myriad Pro", Arial, sans-serif;
    font-size:12px;
}

td { vertical-align:top; }
select, input[type=text] {
    position:relative;
    display:inline-block;
    border:1px solid #CCC;
    border-radius:2px;
    padding:2px 4px;
    font-size:11px;
    background-color:white;
}
select:hover, input[type=text]:hover { border-color:#888; }
select:focus, input[type=text]:focus { border:1px solid #c7a054; box-shadow:0 0 8px #ebc57c; }

a.blue { color:#06C; text-decoration:none; padding:0 4px; font-size:1.1em; }
a.blue:hover { text-decoration:underline; }

.submit-button { display:inline-block; height:18px; background-color:#E3E3E3; border:1px solid #CCC; border-radius:2px; cursor:pointer; padding:0; margin:0; }
.submit-button > .top { height:7px; background-color:#F4F4F4; border-bottom:1px solid #EEE; }
.submit-button > .content { margin-top:-8px; padding:0 6px; line-height:18px; text-align:center; }
.submit-button:hover { background-color:#F4F4F4; border-color:#888; }
.submit-button:hover > .top { background-color:#E3E3E3; }

.right { text-align:right; }
.bold { font-weight:bold; }
.italic { font-style:italic; }
.hidden {display: none;}

#rubean-top {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:50px;
    background-color:white;
}

h1, #path {
    float:left;
    font-size:1.4em;
    font-weight:bold;
    margin:5px 0 0 30px;
}
#path { margin:0; }
#path > div { margin:0 0 0 5px; float:left; }
#path div:nth-child(odd) { margin-top:4px; }
#path div:nth-child(even){ margin-top:5px; }

#new-folder {
    font-size:12px;
    padding:7px 0;
    text-align:center;
    border-top:1px solid #064;
    background-color:#DDD;
}

#new-folder input { width:220px; }

#result-message {
    position:absolute;
    right:20px;
    top: 25px;
    width:210px;
    height:28px;
    padding:6px 0;
    cursor:pointer;
    font-size:1.1em;
    font-weight:bold;
    text-align:center;
}
#result-message span { display:none; }
#result-message span.ok { color:green; }
#result-message span.ko { color:red; }

ul#menu {
    position:absolute;
    top:50px;
    left:0;
    width:100%;
    height:28px;
    background-color:#084;
    list-style:none none;
    display:block;
    border-bottom:1px solid #c3cfe5;
    padding:8px 0 0 0;
}

ul#menu > li {
    display:inline-block;
    margin:0 2px;
}

ul#menu > li:first-child { margin-left:8px; }

ul#menu a {
    display:block;
    width:200px;
    height:20px;
    text-align:center;
    text-decoration:none;
    padding:5px 10px ;
    color:#d7e8ff;
    font-weight:bold;
    border-bottom:0;
    background-color:#00592C;
    border-radius:5px;
    color:#E6EFEA;
}

ul#menu a.current {
    background-color:#E6E9EF;
    color:#333;
}

#area {
    position:absolute;
    left:0;
    width:100%;
    background-color:#E6E9EF;
}

#area-content {
    position:relative;
    top:36px;
    left:0;
    padding:15px;
}

ul#submenu {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:24px;
    background-color:#084;
    list-style:none none;
    display:block;
    border-bottom:1px solid #c3cfe5;
    padding:6px 0;
}

ul#submenu > li {
    display:inline-block;
    margin:0 2px;
}

ul#submenu > li:first-child { margin-left:8px; }

ul#submenu a {
    display:block;
    width:250px;
    height:18px;
    text-align:center;
    text-decoration:none;
    padding:3px 10px ;
    color:#d7e8ff;
    font-weight:bold;
    border-bottom:0;
    background-color:#00592C;
    color:#E6EFEA;
    border-radius:5px;
}

ul#submenu a.current {
    background-color:#E6E9EF;
    color:#333;
}

#page {
    position:absolute;
    top:82px;
    left:0;
    width:100%;
    padding:15px;
    background-color:#E6E9EF;
}

.box.tree {
    width:300px;
    margin-right:10px;
}
#tree {
    width:300px;
    padding-top:7px;
}
#tree-0 {
    font-size:1.25em;
}

#tree ul { list-style:none none; }
#tree li { list-style:none none; }
#tree li > div { padding:1px 0; }
#tree img { margin:5px 5px 0 0; cursor:pointer; }
#tree span { cursor:pointer; }
#tree span:hover { background-color:#dedede; }
#tree li.current > div:first-child span:hover {
    background-color:#084;
    color:#E6EFEA;
}
#tree li.current {
    background-color:#084;
    color:#E6EFEA;
}

ul#tree > li { padding-left:7px; }
ul#tree > li > ul {	background-color:white; margin-left:-7px; color:#333; }
ul#tree > li > ul > li { padding-left:8px; }
ul#tree > li > ul > li > ul {	background-color:white; margin-left:-8px; color:#333; }
ul#tree > li > ul > li > ul > li { padding-left:20px; }
/*ul#tree > li > ul > li > ul > li > ul {	background-color:white; margin-left:-20px; color:#333; }
ul#tree > li > ul > li > ul > li > ul > li { padding-left:32px; }
ul#tree > li > ul > li > ul > li > ul > li > ul{	background-color:white; margin-left:-32px; color:#333; }
ul#tree > li > ul > li > ul > li > ul > li > ul > li { padding-left:44px; }
ul#tree > li > ul > li > ul > li > ul > li > ul > li > ul {	background-color:white; margin-left:-44px; color:#333; }
ul#tree > li > ul > li > ul > li > ul > li > ul > li > ul > li { padding-left:56px; }
ul#tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul {	background-color:white; margin-left:-56px; color:#333; }*/

#corps { width:100%; }

.box { 
    background-color:white;
    border:1px solid #CCC;
    border-radius:5px;
}

h2 {
    height:18px;
    font-weight:bold;
    padding:6px 10px;
    border-bottom:1px solid #B0B0B0;
    font-size:1.25em;
}

h3{
    height: 18px;
    font-weight:bold;
    padding: 4px 12px;
    font-size:1.15em;
}

.box-content {
    padding:0;
}

table.dataview { width:100%; }
table.dataview thead { background-color:#F3F3F3; }
table.dataview thead a { color:#333; font-weight:bold; text-decoration:none; }
table.dataview thead a:hover { text-decoration:underline; }
table.dataview thead td { padding:5px 4px 5px 2px; height:14px; line-height:14px; border-bottom:1px solid #CCC; }
table.dataview thead td.current { background-color:#CCC; }
table.dataview tfoot { background-color:#DDD; }
table.dataview tfoot td { height:14px; padding:5px 4px; border-bottom:1px solid #084; }

ul.list-of-actions { list-style:none none; }
ul.list-of-actions li { display:inline; }
/*ul.list-of-actions li:first-child:after { content:"|"; }*/
ul.list-of-actions a { color:#06C; text-decoration:none; padding:0 4px; font-size:1.1em; }
ul.list-of-actions a:hover { text-decoration:underline; }

div.light { width:8px; height:8px; overflow:hidden; }
div.light img { display:block; }
div.light.red img { margin-top:0; }
div.light.orange img { margin-top:-8px; }
div.light.green img { margin-top:-16px; }